.boxOne{
    width: 48%;
    height: 400px;
    float: left;
    background: white;
}
.boxOneLeft{
    width: 50%;
    height: 100%;
    float: left;

}
.boxOneRight{
    width: 50%;
    height: 100%;
    float: right;
}
.boxOneP{
    display: block;
    height: 30px;
    margin: 25px 0px;
    box-sizing: border-box;
    padding-left: 15px;
}
.boxTwo{
    width: 48%;
    height: 400px;
    background-color: white;
    float: right;
}
.boxThree{
    margin-top:30px ;
    width: 100%;
    height: 400px;
    background-color: white;
    float: left;
}
.boxThreeLeft{
    width: 50%;
    height: 90%;
    float: left;
}
.boxThreeRight{
    width: 50%;
    height: 90%;
    float: right;
    position: relative;
}
.itemLeft{
    width: 50%;
    height: 75%;
    float:right;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    font-size:10px;
}  
.itemRight{
    width: 40%;
    height: 75%;
    float:right;
    position:absolute;
    top:50%;
    right:0px;
    transform:translateY(-50%);
    font-size:10px;
}  
.box{
    height: 100%;
    background: rgb(239,239,239);
}